<template>
  <ex-dialog
    width="800px"
    class="ex-diolog"
    :title="title"
    :visible="visible"
    @closeDialog="handleClose"
  >
    <el-table ref="table" v-loading="loading" :data="tableData" stripe border row-key="id">
      <el-table-column label="序号" align="center" type="index" width="64px" />
      <el-table-column label="抖音门店ID" align="center" prop="poi_id" :show-overflow-tooltip="true" width="150"></el-table-column>
      <el-table-column label="门店名称" align="center" prop="poi_name" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column label="门店地址" align="center" prop="address" :show-overflow-tooltip="true" width="180" />
      <el-table-column label="经纬度" align="center" prop="latLonStr" :show-overflow-tooltip="true" width="150" />
    </el-table>
    <div class="btnBox">
      <el-button @click="handleClose('ruleForm')">关闭</el-button>
    </div>
  </ex-dialog>
</template>
  <script>
// components
import Loading from "@/components/Loading/index";
// api
import { editUser, userInfo } from "@/api/setting/anchorList";

import {
  detailList,
} from "@/api/setting/visitorMerchant"

export default {
  components: {
    Loading,
  },
  props: {
    visible: Boolean,
    id: String,
    dyNumber: String,
  },
  data() {
    return {
      loading: false,
      tableData: [
       
      ],
      title: "门店详情",
    };
  },
  computed: {},
  created() {
    this.getList()
  },
  methods: {
    //获取详情
    getList() {
      var id = this.id;
      detailList(id).then((res) => {
        this.tableData = res.result;
      });
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    //取消
    handleClose(formName) {
      this.$emit("update:visible", false);
      // this.$refs[formName].resetFields();
    },
    //确认
    handleConfirm() {
      this.$emit("success", "你好");
    },
  },
};
</script>
  <style lang="scss" scoped>
.ex-diolog {
  ::v-deep .ex--dialog--footer {
    border: none !important;
    padding: 0 !important;
  }
  ::v-deep .ex--dialog--main {
    padding: 10px 20px !important;
  }
}
::v-deep .avatar-uploader2 .el-upload {
  width: 100% !important;
}

.avatar-uploader2 {
  width: 130px;
  height: 130px;
  text-align: center;
  line-height: 130px;
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
}

.banner_img {
  width: 130px;
  height: 130px;
}
.el-input {
  width: 300px;
}
.btnBox{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
</style>